<template>
    <div class="down-nw">
        <span class="down-nw-text">{{bottomText}}</span>
        <a  @click="toHaoKanHaoWan()" href="javascript:;" ><button class="down-nw-btn">立即打开</button></a>
    </div>
</template>

<script>
    export default {
        name: "BottomDown",
        data(){
           return{
           }
        },
        mounted(){
        },
        props:{
            bottomText: {
                type:String,
                default:'下载APP参与更多优惠活动'
            }
        }
    }
</script>

<style scoped>
    .down-nw-text{
        -webkit-flex: 1;
        flex: 1;
    }
    .down-nw{
        position: fixed;
        bottom: 0;
        left: 0;
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        align-items: center;
        height: .5rem;
        padding: 0 .15rem;
        background-color:rgba(0,0,0,.2) ;
        width: 100%;
        z-index: 4;
        color: #fff;
        font-size: .15rem;
    }
    .down-nw-btn{
        outline: none;
        border: none;
        background-color: #8BA9E8;
        color: #fff;
        border-radius: .25rem;
        font-size: .15rem;
        width: .93rem;
        display: inline-block;
        height: .34rem;
        text-align: center;
        line-height: .34rem;
    }
</style>